<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="UTF-8"%>
<%@include file="/lib/common/basedir.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
<%@include file="/lib/common/headerResource.html"%>
<!--sidebar-->
<link href="<%=basedir%>/lib/css/sidebar.css" rel="stylesheet">
<title>membership renewal</title>

<style>
.content{
	margin-top: 3.8em;
}

.title {
	font-size: 1.3em;
}

.position {
	padding-left: 1.8em;
}

.line{
	margin-bottom: 3em;
}

.operation {
	padding-left: 1.8em;
}

.operation a {
	font-size: 0.9em;
	text-decoration: none;
}
</style>
</head>
<body>
	<div class="container-fluid">
		<div class="row">
			<!--左侧导航-->
			<div class="col-sm-3 col-md-2 sidebar">
				<%@include file="../sidebar.jsp"%>
			</div>
			<!--右面板-->
			<div
				class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 rightPanel">
				<div class="col-md-10">
					<div class="row">
						<ul class="nav nav-tabs">
							<li role="presentation"><a href="<%=basedir%>/member/renewalInfo">充值须知</a></li>
							<li role="presentation" class="active"><a href="<%=basedir%>/member/renewal">充值</a></li>
						</ul>
					</div>
					<form class="form-horizontal content" method="post" action="<%=basedir %>/member/renewalPost">
						<div class="form-group line">
							<div class="row">
								<span class="title position">当前银行卡：<%=request.getAttribute("bankCard") %></span> <span
									class="operation" data-toggle="modal"
							data-target="#exampleModal"><a href="#">更换卡</a></span>
							</div>
						</div>
						<div class="form-group line">
							<div class="row">
								<span class="title position">当前会员卡余额：<%=request.getAttribute("balance") %></span>
							</div>
						</div>
						<div class="form-group line">
							<span class="title col-md-1">金额</span>
							<div class="col-md-4">
								<input name="money" type="text" class="form-control" id="end"
									placeholder="金额">
							</div>
						</div>
						<div class="form-group line">
							<div class="col-md-2 ">
								<button type="submit" class="btn btn-default  btn-block">充值</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>

	<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog"
		aria-labelledby="exampleModalLabel">
		<div class="modal-dialog modal-sm" role="document">
			<div class="modal-content">
				<div class="modal-body">
					<form method="post" action="<%=basedir%>/member/changeBankCard">
						<div class="form-group">
							<button type="button" class="close" data-dismiss="modal"
								aria-label="Close">
								<span aria-hidden="true">&times;</span>
							</button>
							<h4 class="modal-title" id="exampleModalLabel"
								style="margin-bottom: 1em;">请输入银行卡号：</h4>
							<input type="text" name="bankCard" class="form-control" id="recipient-name">
							<div class="modal-footer">
								<button type="button" class="btn btn-default"
									data-dismiss="modal">Close</button>
								<button type="submit" class="btn btn-primary">save</button>
							</div>
						</div>
					</form>
				</div>

			</div>
		</div>
	</div>

	<!-- jquery and bootstrap js -->
	<%@include file="/lib/common/footerResource.html"%>

</body>
</html>